<template>
	<view class="father">
		<view class="top-1">
				<Header/>
		</view>
		<view class="body">
				<Body/>
		</view>
		<view class="good">
			<Goods/>
		</view>
		<view>
			<Footer/>
		</view>
	</view>

</template>

<script>
	import Header from './header.vue';
	import Body from  './body.vue';
	import Goods from './goods.vue'
	import Footer from './footer.vue'

	export default {
		components:{
			Header,
			Body,
			Goods,
			Footer
		},
		
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
	.father{
		// position: relative;
		.top-1{
			position: fixed;
			top: 0;
		}
		.body{
			margin-top: 80px;
		}
	}
	.good{
		margin-top: 20px;
	}
	
	
</style>
